<template>
	<view class="my-container">
		<navigator url="/fireGridCheck/checkRecord/checkRecord">
			<view class="info-item">
				<view class="icon-item">
					<image src="../static/m6.png"></image>
				</view>
				<text>巡检记录</text>
				<view class="arrow"></view>
			</view>
		</navigator>
		<!-- <navigator url="" v-if="personType == 1">
			<view class="info-item">
				<view class="icon-item">
					<image src="../../static/m6.png"></image>
				</view>
				<text>报事记录</text>
				<view class="arrow"></view>
			</view>
		</navigator> -->
		<navigator url="/fireGridCheck/collectMessageRecord/collectMessageRecord">
			<view class="info-item">
				<view class="icon-item">
					<image src="../static/record.png"></image>
				</view>
				<text>信息采集记录</text>
				<view class="arrow"></view>
			</view>
		</navigator>
		<navigator  url="/fireGridCheck/myCreateCheck/myCreateCheck">
			<view class="info-item">
				<view class="icon-item">
					<image src="../static/m7.png"></image>
				</view>
				<text>我创建的巡检</text>
				<view class="arrow"></view>
			</view>
		</navigator>
		<navigator  url="/fireGridCheck/rectifyRecord/rectifyRecord">
			<view class="info-item">
				<view class="icon-item">
					<image src="../static/6.png"></image>
				</view>
				<text>我创建的整改</text>
				<view class="arrow"></view>
			</view>
		</navigator>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onShow() {
			
		},
		components: {
			
		},
		methods: {
			
			goRecordCenter() {
				uni.navigateTo({
					url: '/fireGridCheck/recordCenter/recordCenter'
				})
			}
		}
	}
</script>

<style lang="scss">
	.my-container {
		background-color: #f5f5f5;
		height: 100vh;

		.my-head {
			width: 750rpx;
			height: 221rpx;
			position: relative;

			image {
				width: 100%;
				height: 100%;
			}

			.avatar {
				position: absolute;
				width: 121rpx;
				height: 121rpx;
				left: 27rpx;
				top: 13rpx;
				// z-index: 99;
				border-radius: 50%;
				overflow: hidden;
				image {
					width: 100%;
					height: 100%;
					border-radius: 50%;
				}
			}

			.my-info {
				position: absolute;
				left: 168rpx;
				top: 47rpx;
				height: 20rpx;
				width: 400rpx;
				height: 100rpx;
				font-size: 32rpx;
				color: #fff;

				.repair-info {
					width: 300rpx;
				}
			}
			.top-arrow {
				width: 28rpx;
				height: 28rpx;
				border-top: 2rpx solid #fff;
				border-right: 2rpx solid #fff;
				position: absolute;
				top: 60rpx;
				right: 60rpx;
				transform: rotate(45deg);
			}
			.no-login {
				font-size: 32rpx;
				position: absolute;
				color: #fff;
				top: 52rpx;
				left: 170rpx;
			}
		}

		.info-item {
			height: 80rpx;
			display: flex;
			align-items: center;
			padding-left: 30rpx;
			// padding-top: 21rpx;
			position: relative;
			background-color: #fff;
			border-bottom: 2rpx solid #F5F5F5;
			box-shadow: 0px 1rpx 0px 0px #F5F5F5;

			.icon-item {
				width: 40rpx;
				height: 40rpx;
				margin-right: 24rpx;

				image {
					width: 100%;
					height: 100%;
				}
			}

			text {
				color: #656565;
				// font-size: 28rpx;
				font-size: 32rpx;
			}

			.arrow {
				position: absolute;
				top: 28rpx;
				right: 36rpx;
				transform: rotate(45deg);
				width: 24rpx;
				height: 24rpx;
				color: #9F9F9F;
				border-top: 2rpx solid rgba(159, 159, 159, 1);
				border-right: 2rpx solid rgba(159, 159, 159, 1);
			}
		}
	}
</style>
